import AppWrapper from "./App";
import Home from "@/pages/Home";
import SupplyServe from "./pages/SupplyServe";
import ProductComponent from "./pages/ProductComponent";
import ComDetail from "./pages/ComDetail";
import ProductDetailPage from "./pages/ProductDetailPage/ProductDetailPage";
const routerConfig = [
  {
    path: "/",
    component: AppWrapper,
    children: [
      {
        path: "/",
        component: () => <Home />,
      },
      {
        path: "products",

        component: () => <div>22222</div>,
      },
      { path: "serve", component: () => <SupplyServe /> },
      { path: "component", component: () => <ProductComponent /> },
      { path: "component/:product", component: () => <ComDetail /> },
      { path: "/:product", component: () => <ProductDetailPage /> },
    ],
  },
  {
    path: "/home1",
    component: () => <div>22222</div>,
  },
];

export default routerConfig;
